<!DOCTYPE html>
<html ng-app="flowChat">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>可视化数据查询</title>
    <meta content="widtd=device-widtd, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <meta http-equiv="Access-Control-Allow-Origin" content="http://www.sousung.com/">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="bootstrap/css/font-awesome.min.css">
    <!-- tdeme style -->
    <link rel="stylesheet" href="dist/css/AdminLTE.css">
    <link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">
    <link rel="stylesheet" href="dist/css/custom/app.css">
    <!--流程图-->
    <link rel="stylesheet" type="text/css" href="dist/module/flow-chart-manage/css/jsplumb.css"/>
    <link rel="stylesheet" type="text/css" href="dist/module/flow-chart-manage/css/mynode.css"/>
    <link rel="stylesheet" type="text/css" href="dist/module/flow-chart-manage/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="plugins/bootstrap-multiselect/bootstrap-select.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.css"/>
    <link href="https://cdn.bootcss.com/TableExport/5.0.2/css/tableexport.min.css" rel="stylesheet">

    <!--<link href="dist/img/favicon.ico" rel="icon" type="image/x-icon"/>-->
    <!-- jQuery 2.2.3 -->
    <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.js"></script>
    <script src="plugins/jQuery/ajaxfileupload.js"></script>
    <script src="plugins/template/template.js"></script>
    <script src="plugins/angular/angular.js"></script>
    <script src="https://cdn.bootcss.com/xlsx/0.12.13/xlsx.core.min.js"></script>

    <!-- Bootstrap 3.3.6 -->
    <script src="bootstrap/js/bootstrap.js"></script>
    <script src="plugins/bootstrap-multiselect/bootstrap-select.js"></script>
    <script src="plugins/bootstrap-table/tableExport.js"></script>
    <!-- Bootstrap 3.3.6 -->
    <script src="bootstrap/js/bootstrap.js"></script>
    <!-- AdminLTE App -->
    <script src="dist/module/app.js"></script>
    <style>
        .pull-right.pagination-detail {
            display: none;
        }
    </style>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="alert alert-success text-center index-hint"></div>
<div class="wrapper">
    <!-- 头部 -->
    <header class="main-header">
        <a href="index2.html" class="logo">
            <span class="logo-mini"><b>logo</b></span>
            <span class="logo-lg"><b>logologo</b></span>
        </a>
        <!-- nav -->
        <nav class="navbar navbar-static-top" role="navigation">
            <a href="javascript:void(0)" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown user user-menu">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                            <span class="hidden-xs">当前在线人数:1</span>
                        </a>
                    </li>
                    <li class="dropdown user user-menu">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                            <span class="hidden-xs">数据查询</span>
                        </a>
                    </li>
                    <li class="dropdown user user-menu">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                            <span class="hidden-xs">数据建模</span>
                        </a>
                    </li>
                    <li class="dropdown user user-menu">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                            <span class="hidden-xs">模型中心</span>
                        </a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            浏览器下载 <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">chrome</a></li>
                            <li><a href="#">火狐</a></li>

                        </ul>
                    </li>
                    <li class="dropdown user user-menu">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                            <span class="hidden-xs">用户名xxxxx</span>
                        </a>
                    </li>

                </ul>
            </div>
        </nav>
    </header>

    <!-- 左侧功能菜单栏 -->
    <aside class="main-sidebar">
        <section class="sidebar">
            <ul class="sidebar-menu" ng-controller="treeviewcontroller">
                <li>
                    <!--<tree-Data table-type-name="{{t.table_type_name}}">这是原本的内容</tree-Data>-->
                    <a href="javascript:void(0)"><i class="fa fa-link"></i><span>数据源</span>
                        <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                    </a>
                    <ul class="treeview-menu">

                        <!--<li class="submenu-item" ng-repeat="d in t.table_detail">-->
                        <!--&lt;!&ndash; directive:test-directive &ndash;&gt;-->
                        <!--&lt;!&ndash;<div>&ndash;&gt;-->
                        <!--&lt;!&ndash;<a  href="javascript:void(0)" data-type="01" draggable="true">Test</a>&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->

                        <!--&lt;!&ndash;<tree-Data table-type-name="{{d.table_name}}">这是原本的内容</tree-Data>&ndash;&gt;-->
                        <!--</li>  ng-repeat="t in treeViewData"-->
                        <li class="submenu-item" ng-repeat="t in treeViewData">
                            <a id="{{t.tableId}}" class=" node-item" href="javascript:void(0)"
                               data-type="{{t.tableTypeId}}" data-updatetm="{{t.updatetm}}" data-tableid="{{t.tableId}}"
                               data-tablename="{{t.tableName}}" draggable="true">{{t.tableComments}}</a>
                            <!--<p></p>-->
                            <!--<a tree-data class="node-item"  table-type-name="{{t.tableComments}}" href="javascript:void(0)" data-type="01" draggable="true">{{t.tableComments}}</a>-->
                        </li>
                    </ul>
                </li>

                <!--<li class="treeview">-->
                <!--<a href="javascript:void(0)"><i class="fa fa-link"></i><span>人员信息</span>-->
                <!--<span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>-->
                <!--</a>-->
                <!--<ul class="treeview-menu">-->
                <!--<li class="submenu-item">-->
                <!--<a class=" node-item" href="javascript:void(0)" data-type="01" draggable="true">常住人口</a>-->
                <!--</li>-->
                <!--<li class="submenu-item">-->
                <!--<a class=" node-item" href="javascript:void(0)" data-type="01" draggable="true">暂住人口</a>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</li>-->

                <li class="treeview">
                    <a href="javascript:void(0)"><i class="fa fa-link"></i><span>过滤组件</span>
                        <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                    </a>
                    <ul class="treeview-menu">
                        <!--<li class="submenu-item">-->
                        <!--<a class="node-item" href="javascript:void(0)" data-type="filter"-->
                        <!--draggable="true">过滤器</a>-->

                        <!--</li>-->
                        <li class="submenu-item">
                            <a class="node-item" href="javascript:void(0)" data-image="filter.png" data-type="03"
                               draggable="true">过滤器</a>
                        </li>
                        <li class="submenu-item">
                            <a class="node-item" href="javascript:void(0)" data-image="jiaoji.png" data-type="0201"
                               draggable="true">交集</a>
                        </li>


                    </ul>
                </li>
                <li class="treeview">
                    <a href="javascript:void(0)"><i class="fa fa-link"></i><span>自运算组件</span>
                        <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                    </a>

                    <!--<ul class="treeview-menu">-->
                    <!--<li class="submenu-item">-->
                    <!--<a class="node-item" href="javascript:void(0)" data-image="jiaoji.png" data-type="filter"-->
                    <!--draggable="true">自运算</a>-->

                    <!--</li>-->
                    <!--<li class="submenu-item">-->
                    <!--<a class="node-item" href="javascript:void(0)" data-image="zuolianjie.png"-->
                    <!--data-type="intersection" draggable="true">xxx</a>-->
                    <!--</li>-->
                    <!--<li class="submenu-item">-->
                    <!--<a class="node-item" href="javascript:void(0)" data-type="union" draggable="true">xx</a>-->
                    <!--</li>-->
                    <!--</ul>-->
                </li>
                <li class="treeview">
                    <a href="javascript:void(0)"><i class="fa fa-link"></i><span>分析池</span>
                        <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                    </a>
                    <ul class="treeview-menu" style="height: 400px;background-color: white">
                        <!--<li class="submenu-item">-->
                        <!--<a class="node-item" href="javascript:void(0)" data-type="filter"-->
                        <!--draggable="true">过滤器</a>-->

                        <!--</li>-->
                        <li class="submenu-item">
                            缓存1
                        </li>
                        <li class="submenu-item">
                            缓存2
                        </li>

                    </ul>

                </li>
            </ul>
        </section>
    </aside>
    <div class="content-wrapper">
        <section id="main-content" class="content">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active" id="main-control-tab">
                        <div class="tab-wrapper">
                            <a class="tab-title" data-toggle="tab">查询工具可视化</a>
                        </div>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="edit-chart-content">
                        <div class="tool-bar">

                            <div class="btn-group">
                                <a class="btn  btn-default" id="addNewFlow" href="javascript:void(0)">创建查询</a>

                                <!--<a class="btn btn-danger" href="javascript:void(0)" id="reset">清空</a>-->
                                <!--<a class="btn btn-danger" id="deleteFlowChart" href="javascript:void(0)">删除流程图</a>-->
                            </div>
                            <div class="btn-group">
                                <a type="button" id="showSaveModal" class="btn  btn-default">
                                    保存
                                </a>
                            </div>

                            <div class="btn-group">
                                <a type="button" id="TestChartRun" class="btn  btn-default">
                                    执行
                                </a>
                            </div>
                            <div class="btn-group">
                                <a class="btn btn-default" href="javascript:void(0)">发布</a>

                                <!--<a class="btn btn-danger" href="javascript:void(0)" id="reset">清空</a>-->
                                <!--<a class="btn btn-danger" id="deleteFlowChart" href="javascript:void(0)">删除流程图</a>-->
                            </div>
                            <div class="btn-group">
                                <a class="btn btn-default" href="javascript:void(0)">更新模型</a>

                                <!--<a class="btn btn-danger" href="javascript:void(0)" id="reset">清空</a>-->
                                <!--<a class="btn btn-danger" id="deleteFlowChart" href="javascript:void(0)">删除流程图</a>-->
                            </div>
                            <div class="btn-group">
                                <a class="btn btn-default" href="javascript:void(0)">全部执行</a>

                                <!--<a class="btn btn-danger" href="javascript:void(0)" id="reset">清空</a>-->
                                <!--<a class="btn btn-danger" id="deleteFlowChart" href="javascript:void(0)">删除流程图</a>-->
                            </div>
                            <div class="btn-group">
                                <a class="btn btn-default" href="javascript:void(0)">全部移除</a>

                                <!--<a class="btn btn-danger" href="javascript:void(0)" id="reset">清空</a>-->
                                <!--<a class="btn btn-danger" id="deleteFlowChart" href="javascript:void(0)">删除流程图</a>-->
                            </div>
                            <div class="btn-group">
                                <a class="btn  btn-default" id="repaintEvery" href="javascript:void(0)">整理布局</a>

                                <!--<a class="btn btn-danger" href="javascript:void(0)" id="reset">清空</a>-->
                                <!--<a class="btn btn-danger" id="deleteFlowChart" href="javascript:void(0)">删除流程图</a>-->
                            </div>

                            <div class="btn-group">
                                <div class="box-header witd-border">
                                    <div class="box-title">方案选择</div>
                                    <div class="btn-group">
                                        <select class="form-control" id="allFlowChart">
                                        </select>
                                    </div>


                                </div>
                            </div>
                            <!--<div class="btn-group">-->
                            <!--<label>-->
                            <!--<input id="timerSave" type="checkbox">是否开启后台定时保存(五分钟一次)-->
                            <!--</label>-->
                            <!--</div>-->
                        </div>
                        <div class="box box-info">

                            <!--<div class="box-header witd-border">-->
                            <!--<div class="box-title">方案选择</div>-->
                            <!--<div class="btn-group">-->
                            <!--<select class="form-control" id="allFlowChart">-->
                            <!--</select>-->
                            <!--</div>-->


                            <!--</div>-->
                            <div class="box-body">
                                <div class="btn-group tool-bar">
                                </div>
                                <div id="asdasd" style="overflow-x:auto;width: 100%">
                                    <div class="btn-group" ng-controller="flowpanel" id="flow-panel">

                                        <!--<div class="node alert alert-default color-F58527 node-NORMAL z-index-23 jtk-draggable jtk-droppable jtk-endpoint-anchor jtk-connected" id="11525921051000930" align="center" type="1" data-target="#context-menu" data-content="常住人口" data-original-title="角色控制" rel="popover" data-placement="bottom" style="position: absolute; z-index: 23; left: 172px; top: 130px;"><div>常住人口</div><input type="hidden" class="form-control" id="hideTerm111525921051000930" value="常住人口">-->
                                        <!--<div class="ep node-Point">-->

                                        <!--</div>-->
                                        <!--</div>-->
                                        <!--<div class="node alert alert-default color-F58527 node-NORMAL z-index-23 jtk-draggable jtk-droppable jtk-endpoint-anchor jtk-connected" id="11525921054000267" align="center" type="1" data-target="#context-menu" data-content="暂住人口" data-original-title="角色控制" rel="popover" data-placement="bottom" style="position: absolute; z-index: 23; left: 436px; top: 181px;"><div>暂住人口</div><input type="hidden" class="form-control" id="hideTerm111525921054000267" value="暂住人口">-->
                                        <!--<div class="ep node-Point"></div>-->
                                        <!--</div>-->
                                        <!--11-->
                                        <!--<div class="MALENODE node z-index-23" id="101496216598824" align="center" type="10"-->
                                        <!--data-target="#context-menu"-->
                                        <!--style="position: absolute; z-index: 3; left: 370px; top: 104px; widtd: 250px; height: 120px;">-->
                                        <!--<div class="drsMoveHandle" data-content="中心网站">中心网站</div>-->
                                        <!--<div class="dragresize dragresize-tl" style="visibility: inherit;"></div>-->
                                        <!--<div class="dragresize dragresize-tm" style="visibility: inherit;"></div>-->
                                        <!--<div class="dragresize dragresize-tr" style="visibility: inherit;"></div>-->
                                        <!--<div class="dragresize dragresize-ml" style="visibility: inherit;"></div>-->
                                        <!--<div class="dragresize dragresize-mr" style="visibility: inherit;"></div>-->
                                        <!--<div class="dragresize dragresize-bl" style="visibility: inherit;"></div>-->
                                        <!--<div class="dragresize dragresize-bm" style="visibility: inherit;"></div>-->
                                        <!--<div class="dragresize dragresize-br" style="visibility: inherit;"></div>-->
                                        <!--</div>-->
                                        <!--</div>-->
                                    </div>

                                </div>

                                <!--<h2><p id="table-name">数据筛选</p>-->
                                <!--<small>(t_xxx_xxx_2_1)</small>-->
                                <!--</h2>-->

                                <div id="data-table" style="display: none;">


                                    <div class="btn-group" id="table-panel">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">查询结果(前100)</div>
                                            <div class="panel-body">
                                                <div id="toolbar" class="btn-group">
                                                    <button id="btn_searchSql" type="button" class="btn btn-default">
                                                        <span class="glyphicon glyphicon-pencil"
                                                              aria-hidden="true"></span>查看sql
                                                    </button>
                                                    <button id="btn_exprot" type="button" class="btn btn-default">
                                                        <span class="glyphicon glyphicon-plus"
                                                              aria-hidden="true"></span>导出
                                                    </button>


                                                </div>
                                                <!--</div>-->
                                                <!--</div>-->
                                                <table id="realTime_Table" data-click-to-select="true"
                                                       class="table table-bordered" data-page-size="20">
                                                    <thead>

                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <!--<div ng-show="ifShow">-->
                                        <!--<div class="container btn-group" id="term-panel">-->
                                        <!--<div ng-repeat="t in termList" style="background-color:white;padding-bottom:5px;padding-left:10px;-->
                                        <!--border:2px solid; margin:10px;">-->
                                        <!--<div class="row">-->
                                        <!--<div class="col-md-4">-->
                                        <!--<div ng-if="$index!=0">-->
                                        <!--<label>和上一层的关系</label>-->
                                        <!--<select ng-model="t.relation">-->
                                        <!--<option value="0">请选择字段</option>-->
                                        <!--<option value="=">=</option>-->
                                        <!--<option value="or">or</option>-->
                                        <!--</select>-->
                                        <!--</div>-->

                                        <!--</div>-->
                                        <!--</div>-->
                                        <!--<div>-->
                                        <!--<div ng-repeat="n in t.termData track by $index">-->
                                        <!--<div ng-if="$index!=0">-->

                                        <!--<div class="row">-->
                                        <!--<div class="col-md-2">-->

                                        <!--</div>-->
                                        <!--<div class="col-md-2">-->
                                        <!--<select>-->
                                        <!--<option value="0">请选择与上一层的关系</option>-->
                                        <!--<option value="=">=</option>-->
                                        <!--<option value="or">or</option>-->
                                        <!--</select>-->
                                        <!--</div>-->
                                        <!--</div>-->
                                        <!--</div>-->
                                        <!--<div class="row">-->

                                        <!--<div class="col-md-2">-->
                                        <!--<select name="term" ng-model="n.term" ng-init="n.term = n.term" ng-options="t.value as t.name for t in selectData.field"-->
                                        <!--class="form-control input-sm">-->
                                        <!--&lt;!&ndash;<option value="0">请选择字段</option>&ndash;&gt;-->
                                        <!--&lt;!&ndash;<option ng-repeat="t in selectData.field"&ndash;&gt;-->
                                        <!--&lt;!&ndash;value="{{t.value}}">{{t.name}}&ndash;&gt;-->
                                        <!--&lt;!&ndash;</option>&ndash;&gt;-->
                                        <!--</select>-->

                                        <!--</div>-->
                                        <!--<div class="col-md-2">-->
                                        <!--<select  ng-model="n.relation" ng-init="n.relation='='"-->

                                        <!--class="form-control input-sm">-->
                                        <!--<option value="=">=</option>-->
                                        <!--<option value="or">or</option>-->
                                        <!--</select>-->

                                        <!--</div>-->
                                        <!--<div class="col-md-4">-->
                                        <!--<input required name="{{n.value+$index}}" type="text"-->
                                        <!--ng-model="n.value" class="form-control"-->
                                        <!--placeholder="请填写条件值">-->

                                        <!--</div>-->
                                        <!--<div class="col-md-4">-->
                                        <!--<button ng-if="$index==0" ng-click="addTerm(t.termData)"-->
                                        <!--type="button" class="btn btn-default"-->
                                        <!--aria-label="Left Align">-->
                                        <!--<span class="glyphicon glyphicon glyphicon-plus"-->
                                        <!--aria-hidden="true"></span>-->
                                        <!--</button>-->
                                        <!--<button ng-if="$index!=0"-->
                                        <!--ng-click="deleteTerm(t.termData,$index)"-->
                                        <!--type="button" class="btn btn-default"-->
                                        <!--aria-label="Left Align">-->
                                        <!--<span class="glyphicon glyphicon glyphicon-minus"-->
                                        <!--aria-hidden="true"></span>-->
                                        <!--</button>-->
                                        <!--</div>-->
                                        <!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
                                        <!--&lt;!&ndash;<div class="col-md-4">1列</div>&ndash;&gt;-->
                                        <!--&lt;!&ndash;<div class="col-md-4">2列</div>&ndash;&gt;-->
                                        <!--&lt;!&ndash;<div class="col-md-4">3列</div>&ndash;&gt;-->
                                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                                        <!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
                                        <!--&lt;!&ndash;<div class="col-md-4">1列</div>&ndash;&gt;-->
                                        <!--&lt;!&ndash;<div class="col-md-4">2列</div>&ndash;&gt;-->
                                        <!--&lt;!&ndash;<div class="col-md-4">3列</div>&ndash;&gt;-->
                                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                                        <!--</div>-->
                                        <!--</div>-->
                                        <!--</div>-->


                                        <!--</div>-->
                                        <!--<div >-->
                                        <!--<button class="btn btn-success" type="submit" ng-click="saveTerm()">保存</button>-->
                                        <!--<button class="btn btn-info" ng-click="addTermLayer()">新增条件层</button>-->
                                        <!--</div>-->
                                        <!--</div>-->


                                        <div class="overlay">
                                            <i class="fa fa-refresh fa-spin"></i>

                                        </div>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <div>

    </div>
    <!-- Footer -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            Anytding you want
        </div>
        <strong>Copyright &copy; 2016 <a href="javascript:void(0)">测试测试测试</a></strong>
    </footer>
</div>
</body>
<!--dragResize-->
<script src="dist/module/flow-chart-manage/libs/dragResize.js"></script>
<!--html2canvas-->
<!--<script src="plugins/html2canvas/html2canvas.js"></script>-->

<script src="dist/common/requestUtils.js"></script>
<!--flow-chart-manage 流程图管理-->
<!-- JsPlumb -->
<script src="dist/module/flow-chart-manage/libs/jsplumb.min.js"></script>
<script src="dist/module/flow-chart-manage/libs/jsplumb.js"></script>
<!-- BootStrap -->
<script src="dist/module/flow-chart-manage/libs/bootstrap.min.js"></script>
<script src="plugins/bootstrap-table/bootstrap-table.js"></script>


<script src="plugins/bootstrap-table/bootstrap-table-export.js"></script>
<script src="plugins/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<!--<script src="dist/module/flow-chart-manage/libs/bootstrap-tooltip.js"></script>-->
<script src="dist/module/flow-chart-manage/libs/bootstrap-popover.js"></script>

<!-- Common -->
<script src="dist/module/flow-chart-manage/common/const/nodeTypeConst.js"></script>
<script src="dist/module/flow-chart-manage/common/const/anchorTypeConst.js"></script>
<script src="dist/module/flow-chart-manage/common/nodeFactory.js"></script>
<!-- Utils -->
<script src="dist/common/global.js"></script>
<script src="dist/common/requestUtils.js"></script>

<!-- Custom -->
<script src="dist/flowchat/app.js"></script>
<script src="dist/flowchat/factory.js"></script>
<script src="dist/flowchat/controller.js"></script>
<script src="dist/flowchat/directive.js"></script>
<script src="dist/module/flow-chart-manage/common/flowChartConFig.js"></script>
<script src="dist/module/flow-chart-manage/edit-chart/edit/jsPlumbInit.js"></script>
<script src="dist/module/flow-chart-manage/edit-chart/edit/nodeData.js"></script>
<script src="dist/module/flow-chart-manage/edit-chart/edit/nodeSql.js"></script>
<script src="dist/module/flow-chart-manage/edit-chart/edit/editUtils.js"></script>
<script src="dist/module/flow-chart-manage/edit-chart/edit/bindLink.js"></script>
<script src="dist/module/flow-chart-manage/edit-chart/edit/bindElement.js"></script>
<script src="dist/module/flow-chart-manage/edit-chart/edit/bindNode.js"></script>
<script src="dist/module/flow-chart-manage/edit-chart/edit/init.js"></script>
<!--<div>-->
<!--<ul class="dropdown-menu" role="menu" id="node-menu">-->
<!--<li><a tabindex="0" href="javascript:void(0)" operator="bottom" class="menu">填写信息</a></li>-->
<!--<li><a tabindex="1" href="javascript:void(0)" class="menu">删除</a></li>-->
<!--</ul>-->
<!--</div>-->

<div>
    <ul class="dropdown-menu" role="menu" id="node-menu">
        <li><a tabindex="0" href="javascript:void(0)" operator="bottom" class="menu">设置</a></li>
        <li><a tabindex="1" href="javascript:void(0)" class="menu">删除</a></li>
        <li><a tabindex="2" href="javascript:void(0)" class="menu">复制</a></li>
        <!--<li><a tabindex="3" href="javascript:void(0)" operator="bottom" class="menu">选择该节点设置条件层</a></li>-->
        <!--<li><a tabindex="3" href="javascript:void(0)" operator="bottom" class="menu">选择该节点设置关联条件层</a></li>-->
        <!--<li><a tabindex="3" href="javascript:void(0)" operator="bottom" class="menu">选择该节点查看该节点数据</a></li>-->
    </ul>
</div>
<div>
    <ul class="dropdown-menu" role="menu" id="filter-menu">
        <li><a tabindex="0" href="javascript:void(0)" operator="bottom" class="menu">设置</a></li>
        <li><a tabindex="1" href="javascript:void(0)" class="menu">删除</a></li>
        <li><a tabindex="2" href="javascript:void(0)" class="menu">复制</a></li>
        <!--<li><a tabindex="3" href="javascript:void(0)" operator="bottom" class="menu">选择该节点设置条件层</a></li>-->
        <!--<li><a tabindex="3" href="javascript:void(0)" operator="bottom" class="menu">选择该节点设置关联条件层</a></li>-->
        <!--<li><a tabindex="4" href="javascript:void(0)" operator="bottom" class="menu">选择该节点查看该节点数据</a></li>-->
    </ul>
</div>
<div>
    <ul class="dropdown-menu" role="menu" id="jiaoji-menu">
        <li><a tabindex="0" href="javascript:void(0)" operator="bottom" class="menu">设置</a></li>
        <li><a tabindex="1" href="javascript:void(0)" class="menu">删除</a></li>
        <li><a tabindex="2" href="javascript:void(0)" class="menu">复制</a></li>
        <!--<li><a tabindex="3" href="javascript:void(0)" operator="bottom" class="menu">选择该节点设置条件层</a></li>-->
        <!--<li><a tabindex="3" href="javascript:void(0)" operator="bottom" class="menu">选择该节点设置关联条件层</a></li>-->
        <!--<li><a tabindex="4" href="javascript:void(0)" operator="bottom" class="menu">选择该节点查看该节点数据</a></li>-->
    </ul>
</div>
<div>
    <ul class="dropdown-menu" id="link-menu">
        <li><a tabindex="-1" href="javascript:void(0)" operator="bottom" class="menu">设置</a></li>
        <li><a tabindex="0" href="javascript:void(0)" class="menu">删除</a></li>
    </ul>
</div>
<div>
    <ul class="dropdown-menu" id="point-menu">
        <li><a tabindex="0" href="javascript:void(0)" class="menu">删除</a></li>
    </ul>
</div>

<div>
    <ul class="dropdown-menu" role="menu" id="flow-panel-menu">
        <li><a tabindex="0" href="javascript:void(0)" operator="bottom" class="menu">粘帖</a></li>
        <li><a tabindex="0" href="javascript:void(0)" operator="bottom" class="menu">取消粘帖</a></li>

    </ul>
</div>

<div class="modal fade" id="jiaojimodal" tabindex="-1" role="dialog" aria-labelledby="nodeModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">关联条件设置</h4>
                <input class="form-control" type="hidden" id="hidejiaojimodalId">
            </div>
            <div class="modal-body">
                <form role="form">

                    <div class="form-group">
                        <label>步骤名称</label>
                        <input type="text" class="form-control" id="jiaojiName"
                               placeholder="交集名称">
                    </div>

                    <div class="form-group">
                        <label>选择显示列名</label>
                        <div class="container-fluid">
                            <div class="row">
                                <div id="nodeL_NodeName" class="col-md-6">表1

                                </div>
                                <input type="hidden" id="nodeL_nodeId">
                                <div id="nodeR_NodeName" class="col-md-6">nodeL_nodeI表2

                                </div>
                                <input type="hidden" id="nodeR_nodeId">
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <select class="selectpicker" data-actions-box="true" multiple
                                            data-live-search="true" id="nodeL_ShowField">
                                        <!--<option value="1">身份证</option>-->

                                    </select>
                                    <!--<select multiple id="nodeL_ShowField" class="form-control">-->
                                    <!--<option>123</option>-->
                                    <!--<option>123</option>-->
                                    <!--</select>-->
                                </div>
                                <div class="col-md-6">
                                    <select class="selectpicker" data-actions-box="true" multiple
                                            data-live-search="true" id="nodeR_ShowField" class="form-control">
                                        <option>123</option>
                                        <option>123</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">

                            </div>
                        </div>

                        <!--<select  multiple>-->
                        <!--<option  ng-repeat="x in nodeShowFiled">{{x.columnComments}}</option>-->
                        <!--</select>-->
                        <!--<select multiple   class="form-control">-->

                        <!--</select>-->
                    </div>
                    <div class="form-group">
                        <label>选择关联条件</label>
                        <div class="container-fluid">


                            <div id="guanlian-panel">
                                <div>
                                    <input class="form-control" type="hidden" id="hideguanlianNodeId">
                                    <div class="guanlian-Term">
                                        <div id="guanlian-p">
                                            <div class="row guanlian-select">

                                                <div class="col-md-4">
                                                    <select
                                                            class="form-control input-sm guanlian-L">
                                                        <!--<option value="0">请选择字段</option>-->
                                                        <!--<option ng-repeat="t in d.node1.field"-->
                                                        <!--value="t.columnId">{{t.columnComments}}-->

                                                        <!--</option>-->
                                                    </select>

                                                </div>

                                                <div class="col-md-2">
                                                    <select
                                                            class="form-control input-sm guanlian-o">
                                                        <option value="=">=</option>
                                                        <option value="or">or</option>
                                                    </select>

                                                </div>
                                                <div class="col-md-4">
                                                    <select
                                                            class="form-control input-sm guanlian-R">
                                                        <!--<option value="0">请选择字段</option>-->
                                                        <!--<option ng-repeat="t in d.node1.field"-->
                                                        <!--value="t.columnId">{{t.columnComments}}-->

                                                        <!--</option>-->
                                                    </select>

                                                </div>
                                                <!--<div class="col-md-4">-->
                                                <!--<input type="text"-->
                                                <!--ng-model="n.value" class="form-control"-->
                                                <!--placeholder="请填写条件值">-->

                                                <!--</div>-->
                                                <div class="col-md-2">
                                                    <button
                                                            type="button"
                                                            class="btn btn-default addGuanlian"
                                                            aria-label="Left Align">
                                                                <span class="glyphicon glyphicon glyphicon-plus"
                                                                      aria-hidden="true"></span>
                                                    </button>

                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" id="jiaojiSubmit" type="button">提交</button>
                <button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="guanlianmodal" tabindex="-1" role="dialog" aria-labelledby="nodeModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">关联条件设置</h4>
                <input class="form-control" type="hidden">
            </div>
            <!--<div class="modal-body">-->
            <!--<form role="form">-->
            <!--<div class="form-group">-->
            <!--<div class="row">-->
            <!--<div  class="col-md-4">表1-->

            <!--</div>-->
            <!--<input type="hidden" >-->
            <!--<div  class="col-md-4">表2-->

            <!--</div>-->
            <!--<input type="hidden" >-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="form-group">-->
            <!--<div id="guanlian-panel">-->
            <!--<div style="background-color:white;padding-bottom:5px;padding-left:10px;-->
            <!--border:2px solid; margin:10px;">-->
            <!--<input class="form-control" type="hidden" id="hideguanlianNodeId">-->
            <!--<div class="guanlian-Term">-->
            <!--<div id="guanlian-p">-->
            <!--<div  class="row guanlian-select">-->

            <!--<div class="col-md-2">-->
            <!--<select-->
            <!--class="form-control input-sm guanlian-L">-->
            <!--&lt;!&ndash;<option value="0">请选择字段</option>&ndash;&gt;-->
            <!--&lt;!&ndash;<option ng-repeat="t in d.node1.field"&ndash;&gt;-->
            <!--&lt;!&ndash;value="t.columnId">{{t.columnComments}}&ndash;&gt;-->

            <!--&lt;!&ndash;</option>&ndash;&gt;-->
            <!--</select>-->

            <!--</div>-->

            <!--<div class="col-md-2">-->
            <!--<select-->
            <!--class="form-control input-sm guanlian-o">-->
            <!--<option value="=">=</option>-->
            <!--<option value="or">or</option>-->
            <!--</select>-->

            <!--</div>-->
            <!--<div class="col-md-2">-->
            <!--<select-->
            <!--class="form-control input-sm guanlian-R">-->
            <!--&lt;!&ndash;<option value="0">请选择字段</option>&ndash;&gt;-->
            <!--&lt;!&ndash;<option ng-repeat="t in d.node1.field"&ndash;&gt;-->
            <!--&lt;!&ndash;value="t.columnId">{{t.columnComments}}&ndash;&gt;-->

            <!--&lt;!&ndash;</option>&ndash;&gt;-->
            <!--</select>-->

            <!--</div>-->
            <!--<div class="col-md-4">-->
            <!--<input type="text"-->
            <!--ng-model="n.value" class="form-control"-->
            <!--placeholder="请填写条件值">-->

            <!--</div>-->
            <!--<div class="col-md-2">-->
            <!--<button-->
            <!--type="button"-->
            <!--class="btn btn-default addGuanlian"-->
            <!--aria-label="Left Align">-->
            <!--<span class="glyphicon glyphicon glyphicon-plus"-->
            <!--aria-hidden="true"></span>-->
            <!--</button>-->

            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->


            <!--</div>-->

            <!--</div>-->

            <!--</div>-->

            <!--</form>-->
            <!--</div>-->
            <div class="modal-footer">
                <button class="btn btn-primary" id="saveGuanlian" type="button">提交</button>
                <button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="filterModal" tabindex="-1" role="dialog" aria-labelledby="fiterModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;width:700px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">过滤条件设置</h4>
                <input class="form-control" type="hidden" id="hidefiterModalId">
            </div>
            <div class="modal-body">
                <form role="form">
                    <div class="form-group">
                        <label>步骤名称</label>
                        <input type="text" class="form-control"
                             id="filterNodeName"  placeholder="节点名称">

                    </div>

                    <div class="form-group">
                        <label>选择过滤条件</label>
                        <div class="container-fluid">

                            <div class="row">
                                <div class="col-md-10 filter-detail thumbnail" data-layterNum="0" style="background-color:gray;">
                                    <div class="row filter-d">
                                       <div class="col-md-4">
                                            <select
                                                    class="form-control filter-column">
                                                <option value="0">请选择过滤字段</option>
                                                </option>
                                            </select>

                                        </div>
                                        <div class="col-md-2">
                                            <select
                                                    class="form-control filter-operator">
                                                <option value="=">=</option>
                                                <option value="or">or</option>
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control filter-value"
                                                   placeholder="请填写条件值">

                                        </div>
                                        <div class="col-md-2 center-block">
                                            <button
                                                    type="button"
                                                    class="btn btn-default add-filter-detail"
                                                    aria-label="Left Align">
                                                                <span class="glyphicon glyphicon glyphicon-plus"
                                                                      aria-hidden="true"></span>
                                            </button>

                                        </div>
                                    </div>

                                </div>

                                <div class="col-md-2">
                                    <button
                                            type="button"
                                            class="btn btn-default add-filter-layer"
                                            aria-label="Left Align">
                                                                <span class="glyphicon glyphicon glyphicon-plus"
                                                                      aria-hidden="true"></span>
                                    </button>

                                </div>
                            </div>

                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" id="filterSubmit" type="button">提交</button>
                <button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="nodeModal" tabindex="-1" role="dialog" aria-labelledby="nodeModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">条件设置</h4>
                <input class="form-control" type="hidden" id="hideNodeModalId">
            </div>
            <div class="modal-body">
                <form role="form">
                    <div class="form-group">
                        <label>步骤名称</label>
                        <input type="text" class="form-control" id="stepName"
                               placeholder="节点名称">
                    </div>

                    <div class="form-group">
                        <label>选择显示列名</label>
                        <!--<select  multiple>-->
                        <!--<option  ng-repeat="x in nodeShowFiled">{{x.columnComments}}</option>-->
                        <!--</select>-->
                        <select multiple id="showFieldoption" class="form-control selectpicker" data-actions-box="true"
                                data-live-search="true">

                        </select>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" id="nodeDataSubmit" type="button">提交</button>
                <button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="LinkModal" tabindex="-1" role="dialog" aria-labelledby="LinkModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="LinkModalLabel">
                    关联设置
                </h4>
            </div>
            <div class="modal-body">
                <form role="form">
                    <table class="table table-bordered">
                        <tr>
                            <td colspan="2">表1</td>
                            <td colspan="2">表2</td>
                        </tr>

                    </table>
                    <table id="term-apend" class="table table-bordered">
                        <tr>
                            <td>
                                <select class="form-control">
                                    <option class="text-red" value="CL">字段</option>
                                    <option class="text-blue" value="CC">字段</option>
                                </select>
                            </td>
                            <td>
                                <select class="form-control">
                                    <option class="text-red" value="=">等于</option>
                                    <option class="text-blue" value="!=">不等于</option>
                                </select>
                            </td>
                            <td>
                                <select class="form-control">
                                    <option class="text-red" value="CL">字段</option>
                                    <option class="text-blue" value="CC">字段</option>
                                </select>
                            </td>
                            <td>
                                <button onclick="test()" type="button" class="btn btn-default" aria-label="Left Align">
                                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                                </button>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <select class="form-control">
                                    <option class="text-red" value="CL">字段</option>
                                    <option class="text-blue" value="CC">字段</option>
                                </select>
                            </td>
                            <td>
                                <select class="form-control">
                                    <option class="text-red" value="=">等于</option>
                                    <option class="text-blue" value="!=">不等于</option>
                                </select>
                            </td>
                            <td>
                                <select class="form-control">
                                    <option class="text-red" value="CL">字段</option>
                                    <option class="text-blue" value="CC">字段</option>
                                </select>
                            </td>
                            <td>
                                <button type="button" class="btn btn-default" aria-label="Left Align">
                                    <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
                                </button>
                            </td>
                        </tr>


                    </table>


                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" id="LinkDataSubmit" class="btn btn-primary">
                    提交更改
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<div class="modal fade" id="saveModal" tabindex="-1" role="dialog" aria-labelledby="saveModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="ModalLabel">
                    保存信息填写
                </h4>
            </div>
            <div class="modal-body">
                <form role="form">
                    <div class="form-group">
                        <label for="saveContext">方案名</label>
                        <input type="text" class="form-control" id="saveContext"
                               placeholder="请输入内容">

                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox">是否自动保存
                        </label>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" id="saveDataSubmit" class="btn btn-primary">
                    提交
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<div class="modal fade" id="addElementModal" tabindex="-1" role="dialog" aria-labelledby="saveModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">条件设置</h4>
            </div>
            <div class="modal-body">
                <form class="form-inline" id="add-element-form" role="form">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label for="saveContext">图名</label>
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control" name="name" placeholder="请输入名称">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" id="submit-add-element" type="button">提交</button>
                <button class="btn btn-success" type="button">新增条件</button>
                <button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script>

</script>

</html>
